<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>疑难字体首页</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="font_index">
    <div class="tree_header">
        <div class="pull-left text-center col-md-8 col-xs-12">
            <ul class="list-inline">
                <li><a href="#">首页</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li><a href="#">家谱</a></li>
                <li><a href="#">记录</a></li>
                <li><a href="#">广场</a></li>
                <li><a href="#">百家姓</a></li>
            </ul>
        </div>
        <div class="pull-right  col-md-4 hidden-sm hidden-xs">
            <div class="user_box">
                <div class="user">
                    <i class="fa fa-user m-r-xs"></i>杨薇
                </div>
                <ul class="drop_info">
                    <li><a href="#" class="active">个人设置</a></li>
                    <li><a href="#">消息通知</a></li>
                    <li><a href="#">退出登录</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="location  bbs row">
        <div class="pull-left col-md-6 col-xs-12">
            <span class="f16"><i class="fa fa-bookmark"></i> 杨薇的家族谱</span> &nbsp;&nbsp;
            共186人&nbsp;&nbsp; 显示132人&nbsp;&nbsp;
                <span class="search_group">
                    <input type="text" placeholder="搜索姓名">
                    <i class="fa fa-search"></i>
                </span>
        </div>
        <div class="pull-right col-md-6 text-right hidden-sm hidden-xs">
            <ul class="list-inline">
                <li><a href="" class="text_theme"><i class="fa fa-sitemap"></i> 族谱树</a></li>
                <li><a href=""></a><i class="fa fa-bullseye"></i> 阴阳图</li>
                <li><a href=""></a><i class="fa fa-clipboard"></i> 纸谱预览</li>
                <li><a href=""></a><i class="fa fa-arrows"></i> 全屏显示</li>
                <li><a href=""></a><i class="fa fa-font"></i> 疑难字库</li>
            </ul>
        </div>
    </div>
    <div class="content max_body">
        <div class="clearfix m-t-lg">
            <div class="media">
                <div class="media-left">
                    <div class="mige">
                        <table>
                            <tr>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                    <div class="font">
                        繇
                    </div>
                </div>
                <div class="media-body">
                    <div class="f32">yao <span class="f14">同</span> 繇</div>
                    <p class="m-t">特征码：土土寸</p>
                    <p class="m-t-xs">备注：杨薇的家谱</p>
                    <div class="search_group m-t-lg">
                        <input type="text" placeholder="繇">
                        <button class="btn_gray">复制</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix search m-t-lg">
             <div class="pull-left col-md-6 col-sm-6 col-xs-12">
                 <div class="search_group">
                     <input type="text" placeholder="搜索特征码：如圭，输入土土即可">
                     <button class="btn_theme">搜索</button>
                 </div>
             </div>
             <div class="pull-right text-right col-md-6 col-sm-6 col-xs-12">
                 没有找到想要的字？ <a href="#" class="text_theme">拍照上传吧</a>
             </div>
        </div>
        <div class="m-t-lg">
            <div class="dec_list">
                <div class="row">
                    <div class="col-md-1 col-sm-2 col-xs-12 zm">A</div>
                    <div class="col-md-11 col-sm-10 col-xs-12 zt">
                        <ul>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-1 col-sm-2 col-xs-12 zm">B</div>
                    <div class="col-md-11 col-sm-10 col-xs-12 zt">
                        <ul>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                            <li class="col-xs-6">
                                <div class="big">
                                    封
                                </div>
                                <div class="small">
                                    <p>ang</p>
                                    <p>土土寸</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>